body{background:#f9f9f9;}
.wrap{width: 1200px;margin:0 auto;}
/* 热门推荐 */
.hot_box{width: 100%;overflow: hidden;margin-top: 0px;padding: 10px;box-sizing:border-box;position:relative;z-index: 100;background:#fff;}
.hot_tit{overflow: hidden;padding:0 10px;box-sizing: border-box;margin-bottom: 15px;}
.hot_left{float: left;}
.hot_left span{display: inline-block;vertical-align: middle;width: 23px;height: 28px;background:url(../images/sprint.png) no-repeat;background-position: -52px -25px;}
.hot_left em{font-weight: bold;color:#212121;font-size:22px;display: inline-block;vertical-align: middle;margin-left: 9px;}
.hot_right{float: right;overflow: hidden;}
.hot_right>div{display: inline-block;padding:0 10px;box-sizing: border-box;border-right: 1px dashed #9e9e9e;float: left;cursor: pointer;}
.hot_right>div:nth-of-type(3){border-right: 0 none;}
.hot_right span{width:23px;height: 19px;background:url(../images/sprint.png) no-repeat;display: inline-block;vertical-align: middle;}
.hot_right .span1{background-position: -99px -27px;}
.hot_right .span2{background-position: -159px -25px;}
.hot_right .span3{background-position: -222px -25px;width: 18px;}
.hot_right em{font-size: 16px;color:#212121;margin-left: 3px;display: inline-block;vertical-align: middle;}
.hot_right .on em{color:#17A2E7;}
.hot_right .on .span1{background-position: -99px -78px;}
.hot_right .on .span2{background-position: -159px -76px;}
.hot_right .on .span3{background-position: -222px -76px;width: 18px;}
.hot_zu{width: 100%;overflow: hidden;}
.hot_zu>div{float: left;width: 10%;}
.img_hot{width: 85px;height: 85px;background:#f2f2f2;border-radius: 8px;margin:0 auto;display: block;}
.img_hot img{width: 100%;height: 100%;border-radius: 8px;}
.pps{width: 90%;display: block;margin:10px auto 0;text-align: center;font-size:16px;color:#212121;}
.hot_zu>div:hover .pps{color:#17A2E7;}
.hot_hide{display: none;}
.lian_box{width: 100%;overflow: hidden;margin-bottom: 20px;}
.lian_fen{height: 33px;width: 85px;color:#fff;font-size:16px;background: url(../images/sprint.png) no-repeat;background-position: -15px -127px;padding-left: 13px;box-sizing: border-box;float: left;line-height: 33px;}
.fen_aa{font-size:16px;color:#212121;padding:0 15px;box-sizing: border-box;float: left;border-right: 1px dashed #9e9e9e;height: 24px;line-height: 24px;margin-top: 4.5px;}
 .fen_aa:last-child{border-right: 0 none;}
.fen_aa:hover{color:#17A2E7;}
.sys_box{width: 100%;overflow: hidden;}
.sys_left{width: 404px;float: left;}
.sys_lt{display: block;width: 100%;margin-bottom: 20px;overflow: hidden;height: 295px;}
.sys_lt img{width: 100%;}
.sys_tj{width: 100%;}
.gg_tit{overflow:hidden;border-bottom: 1px solid #e8e8e8;font-size:22px;font-weight: bold;color:#212121;}
.xian{border-bottom: 3px solid #17A2E7;width: 130px;height: 40px;float: left;}
.xian span{width: 32px;height: 26px;background:url(../images/sprint.png) no-repeat;display: inline-block;vertical-align: middle;margin-top: 4px;}
.xian .xitong{background-position: -123px -129px;}
.xian em{display: inline-block;vertical-align: middle;}
.sys_aa{width: 100%;margin-top: 20px;overflow: hidden;}
.sys_aa a{float: left;padding:0 14px;box-sizing: border-box;color:#fff;font-size:16px;height: 36px;line-height: 36px;margin-bottom: 12px;background:#99d884;border-radius: 3px;margin-left: 5px;margin-right: 5px;}
.sys_aa a:hover{text-decoration: underline;}
.sys_aa a:nth-of-type(2n){background: #f28c8c;}
.sys_aa a:nth-of-type(3n){background: #a1a1f2;}
.sys_aa a:nth-of-type(4n){background: #6cbee6;}
.sys_aa a:nth-of-type(5n){background: #edaa5a;}
.sys_center{float: left;width: 445px;margin-left: 15px;}
.sys_ctit{color:#ff7900;font-size:22px;font-weight: bold;text-align: center;width: 330px;margin:0 auto;}
.sys_san{overflow: hidden;color:#adadad;font-size:16px;border-bottom: 1px solid #adadad;height: 26px;margin-top: 10px;margin-bottom: 18px;}
.sys_san>a{width: 33.33%;float: left;text-align: center;}
.sys_san>a:hover{color:#17A2E7;}

.qiehuan{width: 100%;border-bottom: 1px solid #d7d7d7;line-height: 35px;overflow: hidden;font-size:16px;margin-bottom: 20px;background:#f9f9f9;}
.qiehuan>div{float: left;text-align: center;width: 33%;cursor: pointer;}
.qiehuan .on{background:#17A2E7;color:#fff;}

.sys_zubox{width: 100%;overflow: hidden;}
.sys_row{width: 100%;height: 40px;position:relative;}
.shang em{width: 10px;height: 10px;border:1px solid #bbb;border-radius: 12px;display: inline-block;vertical-align: top;margin-top: 6px;}
.shang .ellipsis{color:#212121;font-size:16px;width: 85%;display: inline-block;vertical-align: top;}
.shang .sdfger{width: 76%;margin-right: 10px;}
.xinjia_img{display: inline-block;width: 20px;height: 20px;background:#f7f7f7;border-radius: 3px;overflow: hidden;}
.xinjia_img img{width: 100%;height: 100%;}
.time_sys{color:#212121;font-size:16px;}
.xian_dot{position:absolute;left:6px;bottom:-3px;height: 23px;border-left:1px dashed #adadad;}
.sys_row:nth-of-type(5){height: 36px;}
.sys_row:nth-of-type(13) .xian_dot{display: none;}
.sys_row:hover a{color:#17A2E7}
.sys_row:hover .shang em{border-color: #17A2E7;background: #17A2E7;}
.xian .jiaoc{background-position: -176px -129px;}
.sys_cbottom .sys_zubox{margin-top: 20px;}
.sys_right{float: right;width: 290px;}

.win7_box{width: 100%;overflow: hidden;margin-top: 20px;}
.win7_top{width: 100%;overflow: hidden;height: 52px;}
.win7_top>div{height: 100%;float: left;width: 585px;position: relative;cursor: pointer;}
.win7_top .yi{width: 100%;height: 42px;background:#17a2e7;color:#fff;font-size:22px;text-align: center;line-height: 42px;font-weight: bold;}
.yi em{display: inline-block;vertical-align: middle;width: 22px;height: 22px;background: url(../images/sprint.png) no-repeat;background-position: -224px -187px;}
.yi span{display: inline-block;vertical-align: middle;}
 .san{position:absolute;left:50%;bottom:0;width: 14px;height: 10px;margin-left: -7px;background:url(../images/sprint.png) no-repeat;background-position:-15px -240px;display: none;}
.win7_top .on .san{display: block;}
.win7_top .on .yi{background: #0e78c7;}
.win7_top .div2{float: right;}
.win7_bottom{width: 100%;overflow: hidden;margin-top: 20px;}
.win7_bl{float: left;width: 380px;}
.gg_tit2{font-size:20px;font-weight: bold;color:#212121;border-left:5px solid #17A2E7;padding-left: 8px;box-sizing: border-box;margin-bottom: 20px;}
.win7_b_down{width: 100%;overflow: hidden;}
.win7_b_down>a{width: 180px;height: 37px;border:1px solid #d8d8d8;color:#212121;font-size:16px;text-align: center;float: left;line-height: 34px;margin-right: 15px;margin-bottom: 15px;}
.win7_b_down .erno{margin-right: 0;}
.win7_b_down em{width: 20px;height: 20px;display: inline-block;vertical-align: middle;background:url(../images/sprint.png) no-repeat;background-position: -89px -188px;}
.win7_b_down span{display: inline-block;vertical-align: middle;margin-left: 5px;}
.win7_b_down>a:hover{color:#fff;background:#17A2E7;border-color: #17A2E7;}
.win7_b_down>a:hover em{background-position: -175px -188px;}
.win7_paih{margin-top: 15px;}
.paih_row{width: 100%;overflow: hidden;margin-bottom: 27px;}
.paih_row span{width: 20px;height: 20px;background: #17a2e7;color:#fff;font-size:16px;text-align: center;line-height: 20px;display: inline-block;vertical-align: middle;}
.paih_row:nth-of-type(1) span{background:#fe1414;}
.paih_row:nth-of-type(2) span{background:#ff5105;}
.paih_row:nth-of-type(3) span{background:#ff7200;}
.paih_row a{color:#212121;font-size:16px;display: inline-block;vertical-align: middle;width: 88%;margin-left: 10px;}
.win7_br{float: right;width: 780px;}
.tit_sys{width: 100%;overflow: hidden;}
.tit_sys>div{float: left;width: 25%;color:#212121;font-size:16px;text-align: center;height: 28px;line-height: 28px;}
.tit_sys .on{color:#fff;background: #17A2E7;cursor: pointer;}
.tit_down{width: 99%;border:1px solid #d8d8d8;padding:18px 15px;box-sizing: border-box;overflow: hidden;margin-top: 20px;}
.down_row{width: 49%;float: left;border-right: 1px dashed #b8b8b8;}
.down_row:nth-of-type(2){border-right: 0 none;float: right;}
.img_sytu{float: left;width: 143px;height: 109px;background: #b8b8b8;position:relative;}
.img_sytu img{width:100%;}
.img_sytu span{position:absolute;left:-8px;top:6px;width: 59px;height: 33px;background: url(../images/sprint.png) no-repeat;background-position: -15px -179px;color:#fff;font-size:14px;line-height: 30px;text-align: center;}
.down_you{float: left;margin-left: 8px;width: 207px;}
.datit{font-size:16px;color:#212121;display: block;width: 100%;}
.time_tit{color:#7a7a7a;font-size:14px;margin-top: 5px;}
.daxiaop{margin-right: 8px;}
.qwxz{border:1px solid #b8b8b8;width: 128px;height: 35px;line-height: 35px;text-align: center;color:#212121;font-size:16px;display: block;margin-top: 5px;}
.qwxz:hover{background:#17A2E7;border-color: #17A2E7;color:#fff;}
.da_ul{width: 100%;overflow: hidden;}
.da_ul ul{width: 100%;}
.da_ul li{width: 49%;overflow: hidden;float: left;margin-top: 23px;color:#212121;font-size:16px;}
.da_ul li:nth-of-type(2n){float: right;}
.da_ul a{display: inline-block;width: 85%;vertical-align: middle;color:#212121;}
.da_ul a em{color:#8d8d8d;}
.da_ul a:hover,.da_ul a:hover em{color:#17A2E7;}
.da_ul span{display: inline-block;vertical-align: middle;width: 13%;text-align: right;}



.computer_box{width: 100%;overflow: hidden;}
.xian .computer_dian {
    background-position: -230px -129px;
}
.more_duo{float: right;font-size:16px;color:#212121;font-weight: normal;}
.computer_bbox{width: 100%;overflow: hidden;}
.computer_left{float: left;width: 955px;overflow: hidden;margin-top: 20px;}
.computer_row{float: left;width: 150px;margin-right: 40px;margin-bottom: 30px;}
.com_titp{font-size:18px;font-weight: bold;color:#212121;border-left:5px solid #17a2e7;padding-left: 8px;box-sizing: border-box;}
.com_titp2{border-color:#80c269;}
.com_titp3{border-color:#f1972c;}
.com_titp4{border-color:#f27878;}
.com_titp5{border-color:#9b9bf3;}
.lit_box{width: 100%;margin-top: 30px;}
.lit_row{overflow: hidden;width: 100%;margin-top: 20px;}
.lit_img{display: block;float: left;width: 27px;height: 27px;background:#b8b8b8;border-radius: 5px;}
.lit_img img{width: 100%;height:100%;}
.lit_wenzi{color:#212121;font-size:16px;display: block;float: left;margin-left: 5px;width: 106px;line-height: 27px;}
.lit_wenzi:hover{color:#17A2E7;}
.computer_right{float: right;width: 230px;margin-top: 20px;}
.com_boxr{width: 100%;margin-top: 30px;}
.com_row{width: 100%;overflow: hidden;margin-top: 17px;}
.com_row:nth-of-type(1) .xianc span{background: #fe1414;}
.com_row:nth-of-type(2) .xianc span{background: #f1740f;}
.com_row:nth-of-type(3) .xianc span{background: #eba714;}
.xianc{width: 100%;overflow: hidden;}
.xianc span{width: 20px;height: 20px;background:#17a2e7;display: inline-block;color:#fff;line-height: 20px;text-align: center;vertical-align: middle;font-size:14px;}
.xianc a{color:#212121;font-size:16px;display: inline-block;width: 85%;vertical-align: middle;margin-left:8px;}
.yinc{width: 100%;overflow: hidden;display: none;}
.yinc span{float: left;width: 20px;height: 76px;background:#17a2e7;line-height: 76px;text-align: center;color:#fff;font-size:14px;}
.com_row:nth-of-type(1) .yinc span{background: #fe1414;}
.com_row:nth-of-type(2) .yinc span{background: #f1740f;}
.com_row:nth-of-type(3) .yinc span{background: #eba714;}
.yinc_img{width: 76px;height: 76px;border-radius: 5px;background: #b8b8b8;float: left;margin-left: 8px;}
.yinc_img img{width: 100%;height: 100%;border-radius: 5px;}
.yinc_you{float: left;color:#212121;font-size:16px;margin-left: 10px;margin-top: 3px;}
.yinc_you a{color:#212121;font-size:16px;display: block;width: 100%;}
.daxiaoyu{margin-top: 3px;margin-bottom: 5px;}
.com_boxr .on .xianc{display: none;}
.com_boxr .on .yinc{display: block;}
.xian .mobile_bb {
    background-position: -288px -129px;width: 17px;
}




.san_mobile{float: right;overflow: hidden;line-height: 40px;}
.san_mobile>div,.san_mobile>a{float: left;color:#212121;font-size:16px;font-weight: normal;cursor: pointer;margin-right:30px}
.san_mobile>a:hover{color:#17A2E7;}
.san_mobile .on{color:#17A2E7;}
.mobile_bbox{width: 100%;overflow: hidden;margin-top: 30px;}
.mobile_row{float: left;width: 11.1%;margin-bottom: 20px;}
.mobile_row .mobile_img{display: block;width: 86px;height: 86px;border-radius: 5px;background: #b8b8b8;margin:0 auto;}
.mobile_row img{width: 100%;height: 100%;border-radius: 5px;}
.mobile_wenzi{font-size:16px;color:#212121;display: block;width: 90%;margin:20px auto 10px;text-align:center;}
.mobile_wenzi:hover{color:#17A2E7;}
.mobile_m{text-align: center;font-size:16px;color:#212121;}
.mobile_hide{display: none;}
.xian .teacher_bb {
    background-position: -176px -129px;
}
.teacher_box{margin-top: 10px;}
.teacher_box .xian{width: 88px;}
.teacher_san{width: 100%;overflow: hidden;margin-top: 30px;}
.teacher_left{float: left;width: 255px;}
.teacher_left a{width: 100%;height: 195px;background:#b8b8b8;display: block;margin-bottom: 30px;}
.teacher_left img{width: 100%;height: 100%;}
.teacher_center{float: left;width: 560px;margin-left: 25px;}
.teacher_center .sys_row{height: 44px;}
.teacher_center .sys_row:nth-of-type(5) .xian_dot {
    display: block;
}
.teacher_center .sys_row:nth-of-type(10) .xian_dot {
    display: none;
}
.teacher_center .xian_dot{bottom:-1px;}
.teacher_center .shang a{margin-left: 15px;}
.txuo{display: inline-block;width: 20px;height: 20px;background: #b8b8b8;vertical-align: middle;margin-right: 10px;}
.weizsml{display: inline-block;vertical-align: middle;width: 90%;}
.teacher_right{float: right;width: 320px;}
.gg_tit2{font-size:18px;}
.teacher_row_row .paih_row a{width: 88%;}
.teacher_row_row .paih_row{margin-bottom: 0px;margin-top: 23px;}
.paih_row a:hover{color:#17A2E7;}
.teacher_hide{display: none;}
.xian .fenlei_bb {
    background-position: -334px -129px;
}
.fen_bbo{width: 100%;overflow: hidden;margin-top: 10px;}
.fen_left{float: left;width: 850px;}
.fen_right{float: right;width: 320px;margin-top: 23px;}
.fen_left .da_ul li{margin-top: 21px;}
.fen_right .com_boxr{margin-top:0 ;}
.fen_right .com_row{margin-top: 16px;}
.da_tyuhide{display: none;}
.baike_box{margin-top: 30px;}
.xian .baike_bb {
    background-position: -380px -129px;
}
.baike_bbox{width: 100%;overflow: hidden;}
.baike_bbox>div{float: left;width: 565px;margin-top: 10px;}
.baike_bbox .baike_zu:nth-of-type(2n){float: right;}
.baike_tit{border-bottom: 1px dashed #b8b8b8;height: 50px;line-height: 50px;overflow: hidden;}
.baike_tit em{display: inline-block;vertical-align: middle;background:url(../images/sprint.png) no-repeat;background-position:-272px -186px;width: 24px;height: 24px;float: left;margin-top: 12px;}
.baike_tit span{display: inline-block;vertical-align: middle;color:#212121;font-size:16px;margin-left: 10px;float: left;}
.geng_duo{float: right;}
.hendq{width: 100%;overflow: hidden;}
.hendq>a{width: 33.33%;float: left;color:#212121;font-size:16px;margin-top: 20px;}
.hendq>a:hover{color:#17A2E7;}
.friend_box{margin-top: 30px;margin-bottom: 50px;}
.xian .friend_bb {
    background-position: -424px -129px;
}

.zhuang_aa{width: 100%;overflow: hidden;}
.zhuang_aa a{float: left;color:#212121;font-size:16px;margin-right: 30px;margin-top: 20px;}
.zhuang_aa a:hover{color:#17A2E7;}






.index_center3_today_ccom {width: 100%;overflow: hidden;margin-top: 15px;}
.index_center3_today_left {float: left;width: 880px;}
.index_center3_today_comp_row {float: left;overflow: hidden;display: flex;align-items: center;margin-bottom: 30px;margin-right: 15px;}
.index_center3_comp_img {width: 55px;height: 55px;float: left;border-radius: 3px;background: #efefef;}
.index_center3_comp_img img {width: 100%;height: 100%;}
.index_center3_comp_right {float: left;margin-left: 5px;}
.index_center3_comp_tit {display: block;width: 100px;color: #292929;font-size: 16px;}
.index_center3_today_comp_row:hover  .index_center3_comp_tit{color:#17A2E7;}
.index_center3_comp_hui {color: #757575;font-size: 14px;margin-top: 3px;}

.index_center3_today_right {float: right;width: 295px;}
.index_center3_phbb {border-left: 5px solid #17A2E7;padding-left: 10px;box-sizing: border-box;color: #292929;font-size: 20px;font-weight: bold;}
.index_center3_new_phone_row {width: 100%;margin-top: 16px;overflow: hidden;}
.index_center3_new_phone_row span {float: left;width: 20px;height: 20px;color: #fff;text-align: center;line-height: 20px;font-size: 14px;background:#17a2e7;margin-top: 18px;}
.index_center3_new_phone_row:nth-of-type(1) span {background:#fe1414;}
.index_center3_new_phone_row:nth-of-type(2) span {background:#ff5105;}
.index_center3_new_phone_row:nth-of-type(3) span {background:#ff7200;}
.index_center3_phone_dfg {float: left;color: #292929;font-size: 16px;margin-left: 10px;width: 86%;}
.index_center3_phone_a {color: #292929;font-size: 15px;width: 100%;display: block;margin-bottom: 10px;}
.index_center3_phone_a:hover{color:#17a2e7;}
.index_center3_zanyin {width: 100%;overflow: hidden;display: flex;align-items: center;}
.index_center3_zan_img {width: 58px;height: 58px;background: #efefef;float: left;border-radius: 5px;}
.index_center3_zan_img img {width: 100%;height: 100%;border-radius: 5px;}
.index_center3_zan_cen {float: left;margin-left: 5px;font-size: 14px;color: #757575;width: 145px;}
.index_center3_zan_shi {margin-top: 5px;}
.index_center3_zan_down {float: right;padding: 2px 6px;box-sizing: border-box;border:1px solid #17A2E7;color: #17A2E7;font-size: 14px;border-radius: 3px;}
.index_center3_zan_down:hover{background:#17a2e7;color:#fff;}
.index_center3_new_on .index_center3_zanyin {display: flex;}




.yxheji{width: 100%;overflow: hidden;margin-bottom: 15px;}
.heji_yiy{float: left;width: 274px;height: auto;text-align: center;margin-right: 10px;margin-left: 10px;}
.hejitup{width: 100%;height: 135px;display: block;background:#f7f7f7;}
.hejitup img{width: 100%;height: 100%;}
.heji_tit{width: 100%;display: block;text-align: center;margin-top: 5px;font-size:15px;color:#333;}
.heji_tit:hover{color:#17a2e7;}



.mei_tu{width: 100%;overflow: hidden;}
.mei_tu_left{width: 412px;height: 294px;position:relative;float: left;}
.mei_tu_left img{width: 100%;height: 100%;}
.jue_se{position: absolute;left:0;bottom:0;width: 100%;height: 35px;line-height: 35px;background:rgba(0,0,0,0.5);color:#fff;text-align: center;font-size:15px;}
.mei_tu_right{float: right;width: 768px;}
.mei_tu_right a{width: 178px;height: 141px;margin-left: 12px;margin-bottom: 11px;position: relative;float: left;}
.mei_tu_right img{width: 100%;height: 100%;}






/* 合集 */
.heji_load{width: 100%;display: block;/* height: 200px; */position:relative;margin-bottom: 10px;}
.heji_load img{width: 100%;height: 100%;}
.heji_load p{position:absolute;left:0;bottom:0;width: 100%;height: 35px;line-height: 35px;background:rgba(0,0,0,0.5);color:#fff;text-align: center;}
.pp23{margin-top: 12px;width: 100%;background:#f9f9f9;height: 35px;line-height: 35px;}
.pp23 a{display: block;width: 92%;margin:0 auto;height: 35px;line-height: 35px;color:#333;}
.pp23 a:hover{color:#17a2e7;text-decoration: underline;}




/* 3.20 */
.xb_sys_aa{width: 100%;overflow: hidden;}
.yihanglo{float: left;width: 33.3%;margin-top: 12px;}
.yihang_img{width: 65px;height: 65px;background:#f7f7f7;border-radius: 5px;display: block;margin:0 auto;}
.yihang_img img{width: 100%;height: 100%;}
.yixiao_tip{color:#303030;font-size:15px;text-align: center;display: block;margin-top: 5px;}
.yixiao_tip:hover{color:#17A2E7;}


.yi_san_tiao{width: 100%;border:1px solid #d7d7d7;background:#fff;color:#303030;font-size:15px;overflow: hidden;padding:10px;box-sizing: border-box;margin-bottom: 13px;}
.yi_san_img{width: 50px;height: 50px;float: left;background:#f7f7f7;}
.yi_san_img img{width: 100%;height: 100%;}
.yi_san_Center{float: left;margin-left: 8px;width: 80%;}
.ya_san_tit{display: block;color:#333;font-size:14px;}
.yi_san_tiao:hover .ya_san_tit{color: #17A2E7;}
.ya_san_jianjie{color:#999;font-size:12px;margin-top: 8px;}



/* 合集 */
.yui{margin-top: 20px;}
.hhj{width: 100%;overflow: hidden;}
.heji_load{width: 48%;display: block;position:relative;float: left;margin-top: 15px;}
.heji_load:nth-of-type(2n){float: right;}
.heji_load img{width: 100%;height: 80px;}
.hjklm{width: 100%;height: 25px;line-height: 25px;background:#f7f7f7;display: block;margin-top: 11px;border-radius: 5px;padding:0 8px;box-sizing: border-box;font-size: 14px;}
.hjklm:hover{color: #17a2e7;}
.pp23{margin-top: 12px;width: 100%;background:#f9f9f9;height: 35px;line-height: 35px;}
.pp23 a{display: block;width: 92%;margin:0 auto;height: 35px;line-height: 35px;color:#333;}
.pp23 a:hover{color:#17a2e7;text-decoration: underline;}

.device {
    width: 100%;
    height: 380px;
    position: relative;
    overflow: hidden;
    background-size:cover;
    margin-top: -10px;
  }
  .device .arrow-left {
    background: url(../images/arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
  }
  .device .arrow-right {
    background: url(../images/arrows.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
  }
  .swiper-container {
    height: 380px;
    width: 100%;
   
  }
  .content-slide {
    padding: 20px;
    color: #fff;
  }
  .title {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .pagination {
    position: absolute;
    left: 50%;
    text-align: left;
    bottom:48px;
    width: 1200px;
    z-index: 100;
    margin-left: -600px;
    text-align: center;
  }
  .swiper-pagination-switch {
    display: inline-block;
    width: 8px;height: 8px;background:#fff;border-radius: 8px;margin-right: 8px;
  }
  .swiper-active-switch {
    width: 45px;height: 8px;border-radius: 8px;background:#fff;
  }
  .swiper-slide1 {
    width:100%;
    background: url(../images/bg.jpg) no-repeat center center;
    background-size: cover;
    height:380px;
    overflow: hidden;
    position:relative;
}
.swiper-slide2 {
    width:100%;
    background: url(../images/bg2.jpg) no-repeat center center;
    background-size: cover;
    height:380px;
    overflow: hidden;
    position:relative;
}
.swiper-slide3 {
    width:100%;
    background: url(../images/bg3.jpg) no-repeat center center;
    background-size: cover;
    height:380px;
    overflow: hidden;
    position:relative;
}
.pao{position:absolute;background:url(../images/pao.png) no-repeat center center;background-size: contain;}
.pao1{width: 30px;height: 30px;left:-10%;top:70%;animation: dax 10s linear infinite;-webkit-animation: dax 10s linear infinite;}
.pao2{width: 50px;height: 50px;left:-10%;top:50%;animation: dax2 8s linear infinite;-webkit-animation: dax2 8s linear infinite;}
.pao3{width: 40px;height: 40px;left:30%;top:110%;animation: dax3 10s linear infinite;-webkit-animation: dax3 10s linear infinite;}
.pao4{width: 30px;height: 30px;left:-10%;top:90%;animation: dax4 10s linear infinite;-webkit-animation: dax4 10s linear infinite;}
.pao5{width: 30px;height: 30px;right:-10%;top:70%;animation: dax5 10s linear infinite;-webkit-animation: dax5 10s linear infinite;animation-delay: .5s;-webkit-animation-delay: .5s;}
.pao6{width: 50px;height: 50px;right:-10%;top:50%;animation: dax6 8s linear infinite;-webkit-animation: dax6 8s linear infinite;animation-delay: .8s;-webkit-animation-delay: .8s;}
.pao7{width: 40px;height: 40px;right:30%;top:110%;animation: dax7 8s linear infinite;-webkit-animation: dax7 8s linear infinite;animation-delay: 1s;-webkit-animation-delay: 1s;}
.pao8{width: 30px;height: 30px;right:-10%;top:90%;animation: dax8 10s linear infinite;-webkit-animation: dax8 10s linear infinite;animation-delay: .6s;-webkit-animation-delay: .6s;}
@keyframes dax{
    0%{left:-10%;transform: scale(1);top:70%;}
    100%{left:40%;transform: scale(1.5);top:-20%;}
}
@-webkit-keyframes dax{
    0%{left:-10%;transform: scale(1);top:70%;}
    100%{left:40%;transform: scale(1.5);top:-20%;}
}
@keyframes dax2{
    0%{left:-10%;transform: scale(1);top:50%;}
    100%{left:50%;transform: scale(1.5);top:-20%;}
}
@-webkit-keyframes dax2{
    0%{left:-10%;transform: scale(1);top:50%;}
    100%{left:50%;transform: scale(1.5);top:-20%;}
}
@keyframes dax3{
    0%{left:30%;transform: scale(1);top:110%;}
    100%{left:60%;transform: scale(1.5);top:-20%;}
}
@-webkit-keyframes dax3{
    0%{left:30%;transform: scale(1);top:110%;}
    100%{left:60%;transform: scale(1.5);top:-20%;}
}
@keyframes dax4{
    0%{left:-10%;transform: scale(1);top:90%;}
    100%{left:30%;transform: scale(1.5);top:-20%;}
}
@-webkit-keyframes dax4{
    0%{left:-10%;transform: scale(1);top:90%;}
    100%{left:30%;transform: scale(1.5);top:-20%;}
}
@keyframes dax5{
    0%{right:-10%;transform: scale(1);top:70%;}
    100%{right:30%;transform: scale(1.5);top:-20%;}
}
@-webkit-keyframes dax5{
    0%{right:-10%;transform: scale(1);top:70%;}
    100%{right:30%;transform: scale(1.5);top:-20%;}
}
@keyframes dax6{
    0%{right:-10%;transform: scale(1);top:50%;}
    100%{right:40%;transform: scale(1.5);top:-5%;}
}
@-webkit-keyframes dax6{
    0%{right:-10%;transform: scale(1);top:50%;}
    100%{right:40%;transform: scale(1.5);top:-5%;}
}
@keyframes dax7{
    0%{right:30%;transform: scale(1);top:110%;}
    100%{right:20%;transform: scale(1.5);top:-20%;}
}
@-webkit-keyframes dax7{
    0%{right:30%;transform: scale(1);top:110%;}
    100%{right:20%;transform: scale(1.5);top:-20%;}
}
@keyframes dax8{
    0%{right:-10%;transform: scale(1);top:90%;}
    100%{right:10%;transform: scale(1.5);top:-20%;}
}
@-webkit-keyframes dax8{
    0%{right:-10%;transform: scale(1);top:90%;}
    100%{right:10%;transform: scale(1.5);top:-20%;}
}
.wrap{width: 1200px;margin:0 auto;}
.left_b{float: left;margin-top: 20px;}
.left_b img{width: 302px;display: block;}
.right_b{float: right;width: 710px;text-align: right;color:#fff;margin-top: 40px;}
.dazi{font-size:60px;font-weight: lighter;margin-bottom: 20px;}
.xiaozi{font-size:18px;margin-bottom: 8px;}
.btn_two{overflow: hidden;margin-top: 30px;}
.qianw{width: 210px;height: 60px;border:1px solid #fff;border-radius: 8px;color:#fff;font-size:24px;text-align: center;line-height: 60px;float: right;margin-left: 13px;}
.qianw:hover{background: #fff;color:#0082d7;}